<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	function refreshCode(){
		$("#codeImgId").attr("src","${pageContext.request.contextPath}/checkImg?" + Math.random());
	}
</script>
</head>
<body>
	<form action="<%=request.getContextPath() %>/userServlet?method=login" method="post">
		<div class="input-group">
			  <span class="input-group-addon" id="sizing-addon2">用户名</span>
			  <input type="text" name="name" class="form-control" placeholder="Username" aria-describedby="sizing-addon2">
		</div>
		<br/>
		<br/>
		<div class="input-group">
			  <span class="input-group-addon" id="sizing-addon2">密&nbsp;&nbsp;&nbsp;码</span>
			  <input type="password" name="password" class="form-control" placeholder="Password" aria-describedby="sizing-addon2"><br /><br />
		</div>
		<br/>
		<br/>
		<div class="input-group">
			  <span class="input-group-addon" id="sizing-addon2">验证码</span>
			  <input type="password" name="checkCode" class="form-control" placeholder="Checkcode" aria-describedby="sizing-addon2"><br /><br />
		</div>
		<br/>
		<img  title="看不清？换一张"  id="codeImgId" src="/JavaWeb1907/checkImg" onclick="refreshCode()"><br /><br />
	 	<input type="submit" value="登录"  class="btn btn-warning"/>
	 	
	 	
<!-- 		用户名：<input type="text" name="name" /><br /><br /> -->
<!-- 		密&nbsp;&nbsp;&nbsp;码：<input type="password" name="password" /><br /><br /> -->
<!-- 		验证码：<input type="text" name="checkCode"> -->
<!-- 		<img  title="看不清？换一张"  id="codeImgId" src="/JavaWeb1907/checkImg" onclick="refreshCode()"><br /><br /> -->
<!-- 		<input type="submit" value="登录"  class="btn btn-warning"/> -->
	</form>
</body>
</html>